<template>
    <div style="width: 100%;">
        <el-divider content-position="center">其他登录方式</el-divider>
        <div class="u-f u-f-ac u-f-ajc" style="width: 100%;cursor: pointer">
            <el-space wrap :size="'default'">
                <div class="u-f u-f-ac u-f-ajc" @click="handleLogin('qq')">
                    <SvgIcon :size="'20px'" style="color:#79bbff" :iconClass="'qq'"/>
                </div>
                <div class="u-f u-f-ac u-f-ajc" @click="handleLogin('gitee')">
                    <SvgIcon :size="'20px'" style="color:#79bbff" :iconClass="'gitee'"/>
                </div>
            </el-space>
        </div>
    </div>
</template>

<script setup lang="ts">
import { ElLoading,ElMessage } from 'element-plus';

const handleLogin=(type:string)=>{
    const loading =ElLoading.service({
        lock:true,
        text:'登录中',
        background:'rgba(0,0,0,0.7)',
    })
    setTimeout(()=>{
        loading.close()
        ElMessage({
            message:type+'登录成功',
            type:'success',
            plain:true,
        })
    },2000)
}
</script>

<style scoped lang="less"></style>